/*  主要样式 */
 .box20240604105948_wk {
     width: 100%;
	 display: flex;
	 justify-content: center;
}
 .box20240604105948 {
    /*width: 80rem;*/
    font-size:20px;
    display: flex;
    justify-content: space-around;
	 /*background-color: rgba(42,42,42,0.9);*/
	background-color: rgba(33, 32, 37, 0.9);
	border-radius: 50px;
		 padding:0 20px;
}
/*3.3rem*/
 .box20240604105948_one {
    float:left;
}
/*这一级是导航*/
 .box20240604105948_one_title {
}
.box20240604105948_one_title a {
    line-height:4.8rem;
    display:block;
    text-decoration:none;
    /*margin:0px;*/
    color:#999;
	/*margin-top:13px;*/
	margin-left: 20px;
	margin-right: 20px;
	padding-bottom: 0px;

}
.box20240604105948_one_title a:hover, .open .box20240604105948_one_title a:hover{
    color: #fff;
}
/*展开和标志当前栏目时的状态*/

/*.open .box20240604105948_one_title a,*/

 .open .box20240604105948_one_title a {
    color: #999;
}
.cur .box20240604105948_one_title a{
	color: #fff;
}
.cur .box20240604105948_one_title a:before {
    content:'';
    display:block;
    /*开始时候下划线的宽度为0*/
    width:0;
    height:3px;
    position:absolute;
    left:0;
    bottom:0px;
    background:#1de1e1;
    /*这里我们设定所有改变都有动画效果，可以自己指定样式才有动画效果*/
    transition:all 0.3s ease-in-out;
}
/*设置a的定位，给我们自己编写的下划线一个定位参考*/
 .box20240604105948_one a {
    position:relative;
}
/*使用伪类给a下面添加下划线*/

/*css3为了区别伪类选择器把::改为:,使用:也会自动转为::*/
 .333333box20240604105948_one>.box20240604105948_one_title>a:before {
    content:'';
    display:block;
    /*开始时候下划线的宽度为0*/
    width:0;
    height:3px;
    position:absolute;
    left:0;
    bottom:0px;
    background:#1de1e1;
    /*这里我们设定所有改变都有动画效果，可以自己指定样式才有动画效果*/
    transition:all 0.3s ease-in-out;
}
/*.left-to-right:hover::after{
	width:100%;
}*/
 .box20240604105948_one:hover>.box20240604105948_one_title>a:before, .cur>.box20240604105948_one_title>a:before {
    width:100%;
}